<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>U虎外卖365.com</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.pack.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.js" type="text/javascript"></script>
</head>
<body>
<div class="webhead">
	<div class="webhead01">
    	<div class="webhead02"><span>Hello 晚上好！欢迎光临U虎外卖网站</span></div>
    	<div class="webhead03">
    		<ul>
            <li><a href="#">.积分换购</a></li>
            <li>|</li>
            <li><a href="#">.二手服务</a></li>
            <li>|</li>
            <li><a href="#">.客户服务</a></li>
            <li>|</li>
            <li><a href="#">.帮助中心</a></li>
            <li>|</li>
            <li><a href="#">.网站导航</a></li>
      	</ul>
    	</div>    
    </div>
</div>
<div class="warp">
	<div class="top">
    	<!--网站logo-->
    	<div class="logo"><a href="#"><img src="image/logo.png" /></a></div>
        <!--搜索登陆-->
        <div class="tianqi">
        	<div class="tianqi01"><img src="image/tianqi/Thunderstorms Snow.png" /></div>
            <div class="tianqi03"><span>今天 23°C~32°C<br />多云见晴</span></div>
            
            <div class="tianqi01"><img src="image/tianqi/Sunny.png" /></div>
            <div class="tianqi03"><span>明天 13°C~32°C<br />多云见晴</span></div>
        </div>
        <!--登陆按钮-->
        <div class="denglu">
        	<a href="#"><img src="image/Connect_logo_7.png" alt="使用快捷QQ登陆" /> </a>
        	<a href="#">虎帐号登陆</a>
        	
                       
        </div>
    </div>
	<div class="navigation">
    	<div class="navleft"></div>
        <div class="navcenter">
        	<ul>
            	<li><a href="#">首页</a></li>
                <li><a href="#">U虎服务</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">意见反馈</a></li>
                <li><a href="#">积分兑换</a></li>
                <li><a href="#">我要推广</a></li>
                <li><a href="#">看海报赢大奖</a></li>
            </ul>
        </div>
        <div class="navright"></div>
    </div>
    <!--焦点广告-->
    <div class="slideBox">
    	<div class="hd"><ul><li>1</li><li>2</li><li>3</li></ul></div>
         <div class="bd">
            <ul>
               <li></li>
                
                
            </ul>
		</div>
    </div>
	<!--中间左边-->
    <div class="warpleft">
    	<!--我的位置-->
    	<div class="location"><a href="#">虎门-虎门商业广场 【修改】</a></div>
        <div class="navtab">
        	<!--店铺信息-->
                   	
            
            <div class="clear"></div>            
        </div>
    </div>
    <!--右侧公告栏列表-->
    <div class="warpright">
    	<div class="notice_01" id="note01">
        	<div class="notice_head">
            	<a class="selected" href="javascript:void(0);">U虎公告</a>
            	<a href="javascript:void(0);">领奖通知</a>
                
            </div>
            <!--公告列表-->
            <div class="notice_conter">
            	<ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> U虎积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎外面订餐网站，提交反馈奖励积分啦..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                </ul>
                <ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> 积分换购流积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎积分换购流外面订餐网站..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 积分换购流误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#">积分换购流放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 积分换购流节放假通知</a></li>
                </ul>
            </div>
        </div>
         <!--广告图片01-->
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="notice_01" id="note02">
        	<div class="notice_head">
            <a class="selected" href="javascript:void(0);">积分兑奖</a>
            <a href="javascript:void(0);">看海报</a>
            </div>
            <!--公告列表-->
            <div class="notice_conter">
            	<ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> U虎积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎外面订餐网站，提交反馈奖励积分啦..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                </ul>
                <ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> U虎积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎外面订餐网站，提交反馈奖励积分啦..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                </ul>
            </div>
        </div>
        <!--广告图片02-->
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="notice_01" id="note03">
        	<div class="notice_head">
            <a class="selected" href="javascript:void(0);">U虎公告</a>
            <a href="javascript:void(0);">领奖通知</a>
            </div>
            <!--公告列表-->
            <div class="notice_conter">
            	<ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> U虎积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎外面订餐网站，提交反馈奖励积分啦..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                </ul>
                <ul>
                	<li> <img src="image/xin.gif" /> <a href="#"> U虎积分换购流程</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> U虎外面订餐网站，提交反馈奖励积分啦..</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 关于达美乐电话错误的更正致歉通通知</a></li>
                    <li><img src="image/xin.gif" /><a href="#"> 2012年端午节放假通知</a></li>
                </ul>
            </div>
        </div>
        
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="notice_02">
        	<div class="notice_head02"></div>
            <div class="notice_conter02"></div>
        </div>
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
        <div class="adspic01"><a href="#"><img src="image/adspic01.png"/></a></div>
    
    </div>
    <div class="clear"></div>
    <!--导航连接-->
    <div class="link">
    	<img src="image/adspic02.png" />
    </div>
    <div class="linkfriend">
    	<div class="linkfriendtop"></div>
        <div class="linkfriendbetton">
        	<a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
            <a href="#">U虎外送网</a>
        </div>
    </div>
    
</div>

<div class="webfoot">
	<div class="webfoot01">
    	<div class="webfoot02">
        	<a href="#">关于U虎</a>|
            <a href="#">帮助中心</a>|
            <a href="#">联系我们</a>|
            <a href="#">隐私安全</a>|
            <a href="#">广告服务</a>|
            <a href="#">商家自荐</a>|
            <a href="#">站点地图</a>
        </div>
    </div>    
</div>
<script type="text/javascript">
    jQuery(".slideBox").slide({ mainCell: ".bd ul", effect: "top", autoPlay: true, interTime: 2000 });
	jQuery(".notice_01").slide({effect:"left",titCell:".notice_head a",mainCell:".notice_conter"});
	$(document).ready(function(){
		/*公告栏*/
		$.each(['#note01 .notice_head a:first','#note02 .notice_head a:first','#note03 .notice_head a:first'],function(key,val){
				var ca=$(val)
				var cb=ca.next();
				ca.css("outline","none");
				cb.css("outline","none");
				ca.mousemove(function(){cb.removeClass("selected");ca.addClass("selected");});
				cb.mousemove(function(){ca.removeClass("selected");cb.addClass("selected");});
			})
		
		
	});
	
</script>
</body>
</html>
